
{% extends "PockerAdminBundle::Layout/layout.html.twig" %}
{% block body %}
		<script src="{{ asset('js/jquery.min.js') }}"></script>
		<script src="{{ asset('js/lib/underscore.js') }}"></script>
		<script src="{{ asset('js/lib/backbone-min.js') }}"></script>
		<script src="{{ asset('js/lib/hogan.js') }}"></script>
<div id="table" class="span12">
	<div id="cards" class="span12"></div>
</div>
<input type="button" id="btnReset" value="Reset" />
<script id="card-back" type="text/x-mustache-template">
	<div class="card-back"><span class="middle_center"><img src="{{ asset('img/back.png') }}"></span></div>
</script>
<script id="card-two" type="text/x-mustache-template">
	<div class="card-two">
	<div class="corner top"><span class="number">2</span><span>{{ symbol }}</span></div><span class="suit top_center">{{ symbol }}</span><span class="suit bottom_center">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">2</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-three" type="text/x-mustache-template">
	<div class="card-three">
	<div class="corner top"><span class="number">3</span><span>{{ symbol }}</span></div><span class="suit top_center">{{ symbol }}</span><span class="suit middle_center">{{ symbol }}</span><span class="suit bottom_center">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">3</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-four" type="text/x-mustache-template">
	<div class="card-four">
	<div class="corner top"><span class="number">4</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">4</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-five" type="text/x-mustache-template">
	<div class="card-five">
	<div class="corner top"><span class="number">5</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_center">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">5</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-six" type="text/x-mustache-template">
	<div class="card-six">
	<div class="corner top"><span class="number">6</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_left">{{ symbol }}</span><span class="suit middle_right">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">6</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-seven" type="text/x-mustache-template">
	<div class="card-seven">
	<div class="corner top"><span class="number">7</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_left">{{ symbol }}</span><span class="suit middle_top">{{ symbol }}</span><span class="suit middle_right">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">7</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-eight" type="text/x-mustache-template">
	<div class="card-eight">
	<div class="corner top"><span class="number">8</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_left">{{ symbol }}</span><span class="suit middle_top">{{ symbol }}</span><span class="suit middle_right">{{ symbol }}</span><span class="suit middle_bottom">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">8</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-nine" type="text/x-mustache-template">
	<div class="card-nine">
	<div class="corner top"><span class="number">9</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_top_left">{{ symbol }}</span><span class="suit middle_center">{{ symbol }}</span><span class="suit middle_top_right">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span><span class="suit middle_bottom_left">{{ symbol }}</span><span class="suit middle_bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">9</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-ten" type="text/x-mustache-template">
	<div class="card-ten">
	<div class="corner top"><span class="number">10</span><span>{{ symbol }}</span></div><span class="suit top_left">{{ symbol }}</span><span class="suit top_right">{{ symbol }}</span><span class="suit middle_top_left">{{ symbol }}</span><span class="suit middle_top_center">{{ symbol }}</span><span class="suit middle_top_right">{{ symbol }}</span><span class="suit bottom_left">{{ symbol }}</span><span class="suit bottom_right">{{ symbol }}</span><span class="suit middle_bottom_center">{{ symbol }}</span><span class="suit middle_bottom_left">{{ symbol }}</span><span class="suit middle_bottom_right">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">10</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-jack" type="text/x-mustache-template">
	<div class="card-jack">
	<div class="corner top"><span class="number">J</span><span>{{ symbol }}</span></div><span class="face middle_center"><img src="{{ asset('img/faces/face-jack-' ~ name ~ '.png') }}"></span>
	<div class="corner bottom"><span class="number">J</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-queen" type="text/x-mustache-template">
	<div class="card-queen">
	<div class="corner top"><span class="number">Q</span><span>{{ symbol }}</span></div><span class="face middle_center"><img src="{{ asset('img/faces/face-queen-' ~ name ~ '.png') }}"></span>
	<div class="corner bottom"><span class="number">Q</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-king" type="text/x-mustache-template">
	<div class="card-king">
	<div class="corner top"><span class="number">K</span><span>{{ symbol }}</span></div><span class="face middle_center"><img src="{{ asset('img/faces/face-king-' ~ name ~ '.png') }}"></span>
	<div class="corner bottom"><span class="number">K</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script id="card-ace" type="text/x-mustache-template">
	<div class="card-ace">
	<div class="corner top"><span class="number">A</span><span>{{ symbol }}</span></div><span class="suit middle_center">{{ symbol }}</span>
	<div class="corner bottom"><span class="number">A</span><span>{{ symbol }}</span></div>
	</div>
</script>
<script src="http://localhost:3000/socket.io/socket.io.js"></script>
<script src="{{ asset('js/lib/jquery.flippy.min.js') }}"></script>
<script src="{{ asset('js/lib/dat.gui.min.js') }}"></script>
<script src="{{ asset('js/playingcards.js') }}"></script>
<script src="{{ asset('js/demo.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/playingcards.css') }}" media="all">
<link rel="stylesheet" href="{{ asset('css/demo.css') }}" media="all">

{% endblock %}
